<template>
<div>
    <el-tag type="success">报警探头信息</el-tag>
    <el-divider></el-divider>
  <el-table
    :data="ttData"
    stripe
    style="width: 100%">
    <el-table-column
      prop="ttId"
      label="探头编号"
      width="180">
    </el-table-column>
    <el-table-column
      prop="ttType"
      label="探头类型"
      width="180">
    </el-table-column>
    <el-table-column
      prop="ttAddr"
      label="探头位置">
    </el-table-column>
      <el-table-column
      prop="ttMark"
      label="备注">
    </el-table-column>
    <el-table-column>
      <el-button type="success" size="mini" @click="jumpDefenmap">防区地图</el-button>
    </el-table-column>
  </el-table>
    <el-divider></el-divider>
   <el-pagination
  background
  layout="prev, pager, next"
  :total="1000">
</el-pagination>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        ttData: [{
          ttId: '1',
          ttType: '明勇',
          ttAddr: '江苏省南京市玄武区',
          ttMark: '的暖红代会独家'
        },
        {
          ttId: '2',
          ttType: '明勇',
          ttAddr: '江苏省南京市玄武区',
          ttMark: '的暖红代会独家skldjaui'},
        {
          ttId: '3',
          ttType: '明勇',
          ttAddr: '江苏省南京市玄武区都巴哈就是',
          ttMark: '的暖红代会独家是多少'
        },
          ]
      }
    },
    methods:{
      jumpDefenmap(){
        this.$router.push({
          path:'/defenmap'
        })
      }
    }
  }
</script>